/* 
  CSSModules 的使用约定：
  1 推荐使用 驼峰命名法 的类名，不推荐使用 - 连接的类名
    使用 驼峰命名法 的类名： styles.navBar
    使用  - 连接的类名： styles['nav-bar']
  
  2 在 *.module.css 文件中，可能有一些类名是不需要被重命名的，比如：字体图标的类名
    对于这种类型，可以使用 :global 来处理

  local（本地）： 表示需要被 css modules 处理的类名
  global（全局）：表示不不要被 css modules 处理的类名
*/

.navBar {
  background-color: #f6f5f6;
}

// 因为这是一个全局类名
// 所以，需要使用 :global 来处理
// :global(.icon-back) {
//   color: #333;
//   font-size: 16px;
// }

// 注意这种 方式只能在 预编译 css 中使用
// 在 SASS 这种预编译 CSS 中，还可以简化：
:global {
  .icon-back {
    color: #333;
    font-size: 16px;
  }

  // 其他的全局类名...
}
